<template>
  <div>
    <!-- <Breadcrumb>
      <BreadcrumbItem to="/">首页</BreadcrumbItem>
      <BreadcrumbItem to="/departments">活动列表</BreadcrumbItem>
      <BreadcrumbItem>活动详情</BreadcrumbItem>
      <BreadcrumbItem>活动详情</BreadcrumbItem>
      <BreadcrumbItem>活动详情</BreadcrumbItem>
      <BreadcrumbItem>活动详情</BreadcrumbItem>
    </Breadcrumb> -->
    <!-- <HmMessage /> -->
    <el-button @click="show = true">打开弹框</el-button>

    <!-- <Dialog :is-show="show" @update:isShow="show = $event" /> -->
    <Dialog v-if="bol" :is-show.sync="show" />
    <button @click="reset">回到初始状态</button>
  </div>
</template>
<script>
import Dialog from './components/dialog.vue'
export default {
  components: {
    Dialog
  },
  data() {
    return {
      show: false,
      bol: true,
      num: 1
    }
  },
  methods: {
    reset() {
      this.bol = false
      this.$nextTick(() => {
        this.bol = true
      })
    }
  }
}
</script>
<style></style>
